<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>



<div id="father">
    <div class="layer01"><img src="images/2.JPG" alt=""></div>
    <div class="layer02"><img src="images/3.JPG" alt=""></div>
    <div class="layer03"><img src="images/4.JPG" alt=""></div>
    <div class="layer04">
        浮动的盒子可以向左浮动,可以向右浮动,直到他的边缘碰到包含框的或另一个浮动盒子为止
    </div>
    <div class="clear"></div>
</div>
</body>
</html>